{% extends "base2.html" %}

{% block title %}Relatório - {{ pedido }} {% endblock %}

{% block conteudo %}
<script type="text/javascript">
$(document).ready(function() {
	document.getElementById('page_center').scrollIntoView();
	$("div#tabs li a").first().focus();
});
</script>
<section class="relatorio">
<h2>Relatório geral para o dia "{{ dia }}" <span style="color: #a00" id="mensagem_impressao"></span></h2>
<input type="hidden" name="dia" value="{{ dia.id }}"/>
<div id="tabs">
    <ul>
        <li style="font-size: 16px;"><a href="#tabs-1">Caixa</a><img id="caixa" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-2">Mesas</a><img id="mesas" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-3">Pedidos</a><img id="pedidos" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-4">Setor</a><img id="setor" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-5">Produtos</a><img id="produtos" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-6">Funcionários</a><img id="funcionarios" class="impressora" src="/static/img/icon/printer-01.png" /></li>
        <li style="font-size: 16px;"><a href="#tabs-7">Entrada/Saída</a><img id="entrada_saida" class="impressora" src="/static/img/icon/printer-01.png" /></li>
    </ul>
    <div id="tabs-1">
        <table class="table table-striped table-bordered table-hover table-responsive">
            <tr>
                <td>Vendido em Dinheiro</td>
                <td class="col-xs-2 text-right">{{ dia.dinheiro|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Vendido em Débito</td>
                <td class="col-xs-2 text-right">{{ dia.debito|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Vendido em Cartão</td>
                <td class="col-xs-2 text-right">{{ dia.cartao|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Vendido em Cheque</td>
                <td class="col-xs-2 text-right">{{ dia.cheque|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Vendido em Crediário</td>
                <td class="col-xs-2 text-right">{{ dia.crediario|floatformat:2 }}</td>
            </tr>
            
            <tr class="total success">
                <td>Total vendido no dia</td>
                <td class="valor">{{ dia.total_vendido_no_dia|floatformat:2 }}</td>
            </tr>
            
            <tr>
                <td>Recebido em Dinheiro</td>
                <td class="col-xs-2 text-right">{{ dia.recebimento_dinheiro|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Recebido em Débito</td>
                <td class="col-xs-2 text-right">{{ dia.recebimento_debito|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Recebido em Cartão</td>
                <td class="col-xs-2 text-right">{{ dia.recebimento_cartao|floatformat:2 }}</td>
            </tr>
            <tr>
                <td>Recebido em Cheque</td>
                <td class="col-xs-2 text-right">{{ dia.recebimento_cheque|floatformat:2 }}</td>
            </tr>
            
            
            <tr class="success">
                <td>Entradas em dinheiro</td>
                <td class="valor">{{ dia.recebimento|floatformat:2 }}</td>
            </tr>
            
            <tr class="danger">
                <td>Saídas em dinheiro</td>
                <td class="valor">{% if dia.pagamento > 0 %}-{% endif %}{{ dia.pagamento|floatformat:2 }}</td>
            </tr>
            
            <tr class="warning">
                <td>Fundo de caixa</td>
                <td class="valor">{{ dia.valor_inicial|floatformat:2 }}</td>
            </tr>
            
            <tr class="total success">
                <td>TOTAL EM CAIXA</td>
                <td class="valor">{{ dia.total_em_dinheiro|floatformat:2 }}</td>
            </tr>
        </table>
    
        
    </div>
    <div id="tabs-2">
        {% if mesas %}
            <table class="table table-striped table-bordered table-hover table-responsive">
                <tr>
                    <th></th>
                    <th>Pedidos</th>
                    <th>Valor</th>
                    <th>Taxa</th>
                    <th>Valor com taxa</th>
                </tr>
                {% for mesa in mesas %}
                    {% if mesa.total_mesa > 0 %}
                    <tr>
                        <td>{{ mesa }}</td>
                        <td class="valor">{{ mesa.total_pedidos }}</td>
                        <td class="valor">{{ mesa.total_mesa|floatformat:2 }}</td>
                        <td class="valor">{{ mesa.total_taxa|floatformat:2 }}</td>
                        <td class="valor">{{ mesa.total_mesa_taxa|floatformat:2 }}</td>
                    </tr>
                    {% endif %}
                {% endfor %}
            </table>
        {% endif %}
    </div>
    <div id="tabs-3">
        {% for mesa in mesas %}
        {% if mesa.total_mesa > 0 %}
        <h2>Pedidos de {{ mesa }}</h2>
        <table class="table table-striped table-bordered table-hover table-responsive">
            <tr>
                <th></th>
                <th>Valor</th>
                <th>Permanência</th>
                <th>Cliente</th>
            </tr>
            {% for pedido in mesa.pedidos %}
            <tr {% if not pedido.fechado %}style="color: gray; font-style: italic;" title="Cliente ainda está consumindo"{% endif %}>
                <td><a href="{% if not pedido.fechado %}/pedido/{{ pedido.mesa.id }}/{% else %}/pedido/fechado/{{ pedido.id }}/{% endif %}" target="_blank">{{ pedido }}</a></td>
                <td class="valor">{{ pedido.total_pedido|floatformat:2 }}</td>
                <td class="valor">{{ pedido.permanencia }}</td>
                <td>{% if pedido.cliente %}{{ pedido.cliente }}{% endif %}</td>
            </tr>
            {% endfor %}
        </table>
        {% endif %}
        {% endfor %}
    </div>
    <div id="tabs-4">
        {% if setores %}
            <table class="table table-striped table-bordered table-hover table-responsive">
                <tr>
                    <th></th>
                    <th>Itens</th>
                    <th>Valor</th>
                </tr>
                {% for setor in setores %}
                    {% if setor.total_itens_setor > 0 %}
                    <tr>
                        <td>{{ setor }}</td>
                        <td class="valor">{{ setor.total_itens_setor }}</td>
                        <td class="valor">{{ setor.total_valor_setor|floatformat:2 }}</td>
                    </tr>
                    {% endif %}
                {% endfor %}
            </table>
        {% endif %}
    </div>
    <div id="tabs-5">
        {% if categorias %}
            {% for categoria in categorias %}
            {% if categoria.quantidade_produtos_categoria > 0 %}
            <h2>Produtos da categoria {{ categoria }} - {{ categoria.quantidade_produtos_categoria }} - {{ categoria.total_produtos_categoria|floatformat:2 }}</h2>
            <table class="table table-striped table-bordered table-hover table-responsive">
                <tr>
                    <th></th>
                    <th>Quantidades</th>
                    <th>Total</th>
                </tr>
                {% for produto in categoria.produtos %}
                {% if produto.quantidade_produtos > 0 %}
                <tr>
                    <td>{{ produto }}</td>
                    <td>{{ produto.quantidade_produtos }}</td>
                    <td>{{ produto.total_produtos|floatformat:2 }}</td>
                </tr>
                {% endif %}
                {% endfor %}
            </table>
            {% endif %}
            
            {% endfor %}
        {% endif %}
    </div>
    <div id="tabs-6">
        <table class="table table-striped table-bordered table-hover table-responsive">
            <tr>
                <th>Funcionário</th>
                <th>Quant. Itens</th>
                <th>Valor vendido</th>
            </tr>
        {% for funcionario in funcionarios %}
            <tr>
                <td>{{ funcionario }}</td>
                <td>{{ funcionario.quantidade }}</td>
                <td>{{ funcionario.total|floatformat:2 }}</td>
            </tr>
        {% endfor %}
        </table>
    </div>
    <div id="tabs-7">
        {% if not retiradas and not recebimentos %}
        <p>Nenhuma Entrada/Saída registrada.</p>
        {% endif %}
        
        {% if recebimentos %}
        <h2>Entradas em dinheiro</h2>
        <table class="table table-striped table-bordered table-hover table-responsive">
            <tr>
                <th></th>
                <th>Valor</th>
                <th>Funcionário</th>
                <th>Observação</th>
            </tr>
        {% for recebimento in recebimentos %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ recebimento.valor|floatformat:2 }}</td>
                <td>{% if retirada.usuario %}{{ retirada.usuario }}{% else %} --- {% endif %}</td>
                <td>{{ recebimento.observacao }}</td>
            </tr>
        {% endfor %}
        </table>
        {% endif %}
        
        {% if retiradas %}
        <h2>Saídas em dinheiro</h2>
        <table class="table table-striped table-bordered table-hover table-responsive">
            <tr>
                <th></th>
                <th>Valor</th>
                <th>Funcionário</th>
                <th>Observação</th>
            </tr>
        {% for retirada in retiradas %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ retirada.valor|floatformat:2 }}</td>
                <td>{% if retirada.usuario %}{{ retirada.usuario }}{% else %} --- {% endif %}</td>
                <td>{{ retirada.observacao }}</td>
            </tr>
        {% endfor %}
        </table>
        {% endif %}
    </div>
</div>

</section>
{% endblock %}

